<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>@yield('title', '管理员面板')</title>
    <link rel="stylesheet" href="//cdnjs.loli.net/ajax/libs/mdui/0.4.2/css/mdui.min.css">
    <link rel="stylesheet" href="{{asset('css/moe.css')}}"/>
</head>
<body class="mdui-appbar-with-toolbar mdui-appbar-with-tab mdui-theme-primary-indigo mdui-theme-accent-pink">
<div class="mdui-appbar mdui-appbar-fixed mdui-appbar-scroll-toolbar-hide">
    <div class="mdui-toolbar mdui-color-indigo">
        <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">menu</i></a>
        <a href="javascript:;" class="mdui-typo-title">@yield('title2', '后台中心')</a>
        <div class="mdui-toolbar-spacer"></div>
        <div>
            <div class="mdui-textfield mdui-textfield-expandable mdui-float-right">
                <button class="mdui-textfield-icon mdui-btn mdui-btn-icon"><i
                            class="mdui-icon material-icons">search</i>
                </button>
                <input class="mdui-textfield-input" type="text" placeholder="Search"/>
                <button class="mdui-textfield-close mdui-btn mdui-btn-icon"><i
                            class="mdui-icon material-icons">close</i>
                </button>
            </div>
        </div>
        <a href="javascript: window.location.reload();" class="mdui-btn mdui-btn-icon"><i
                    class="mdui-icon material-icons">refresh</i></a>
        <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">more_vert</i></a>
    </div>
    <div class="mdui-tab mdui-color-indigo" mdui-tab>
        <a href="#tab1" class="mdui-ripple mdui-ripple-white">首页设置</a>
        <a href="#tab2" class="mdui-ripple mdui-ripple-white">产品中心</a>
        <a href="#tab3" class="mdui-ripple mdui-ripple-white">关于我们</a>
        <a href="#tab4" class="mdui-ripple mdui-ripple-white">最新资讯</a>
        <a href="#tab5" class="mdui-ripple mdui-ripple-white">公司设置</a>
    </div>
</div>
<div class="loading-shadow mdui-ripple mdui-text-center">
    <div class="loading-spinner">
        <div class="mdui-spinner mdui-spinner-colorful"></div>
    </div>
</div>
@yield('fab-wrapper')
<div class="mdui-container-fluid">
    <div id="tab1">
        @yield('tab1')
    </div>
    <div id="tab2">
        @yield('tab2')
    </div>
    <div id="tab3">
        @yield('tab3')
    </div>
    <div id="tab4">
        @yield('tab4')
    </div>
    <div id="tab5">
        @yield('tab5')
    </div>
</div>

<script src="//cdnjs.loli.net/ajax/libs/mdui/0.4.2/js/mdui.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery.form/4.2.2/jquery.form.min.js"></script>
<script src="{{asset('assets/tinymce/tinymce.min.js')}}"></script>
<script>tinymce.init({
        selector: 'textareatiny',
        theme: "modern",
        language: "zh_CN",
        plugins: "advlist, anchor, autolink, autoresize, autosave, bbcode, charmap, code, codesample, colorpicker, compat3x, contextmenu, directionality, emoticons, fullpage, fullscreen, help, hr, image, imagetools, importcss, insertdatetime, legacyoutput, link, lists, media, nonbreaking, noneditable, pagebreak, paste, preview, print, save, searchreplace, spellchecker, tabfocus, table, template, textcolor, textpattern, toc, visualblocks, visualchars, wordcount, emoticons",
        // 使用的插件,有很多插件和工具栏按钮重复,可以去掉
        // 这里加载所有插件
        branding: false
    });
</script>
<script src="{{asset('js/moe.js')}}"></script>
</body>
</html>
